<!--
  To change this template, choose Tools | Templates
  and open the template in the editor.
-->
<%@ page import="is2_domestik.Usuario" %>
<%@ page contentType="text/html;charset=UTF-8" %>


<html>
  <head>
    <meta name="layout" content="bootstrap">
  <g:set var="entityName" value="${message(code: 'usuario.label', default: 'Usuario')}" />
  <title><g:message code="default.show.label" args="[entityName]" /></title>
  <g:javascript library='jquery' />
  <g:javascript src="bootstrap-modal.js" />
  <g:javascript src="bootstrap-collapse.js" />
  <g:javascript src="bootstrap-dropdown.js" />

  <script type="text/javascript">
          $(function(){
                  $('#myModalData').modal({
                          keyboard: false
                  })
          }
  </script>

</head>
<body>

  <div class="row-fluid">	
    <div class="span3">
      <g:render template="/layouts/imagenPerfil"/>
    </div>

    <div class="span9">
      <div class="page-header">
        <h1>${usuarioInstance?.nombre} ${usuarioInstance?.apellido}</h1>
      </div>
      <g:if test="${flash.message}">
        <bootstrap:alert class="alert-info">${flash.message}</bootstrap:alert>
      </g:if>
      <g:render template="/layouts/formularioDatos"/>								
      <g:link class="btn" action="edit" id="${usuarioInstance?.id}">
        <i class="icon-pencil icon-black"></i>
        <g:message code="default.button.edit.label" default="Edit" />
      </g:link>
      <a class="btn" data-toggle="modal" href="#myModalPassword"><i class="icon-lock"></i> Cambiar mi Contraseña</a>									
    </div>
  </div>

</body>
</html>
